<template>
  <div class="income-wrap">
    <div class="header">
      <p class="header-title">我的收入</p>
      <div class="header-content">
        <div class="header-item">
          <h1>0.00</h1>
          <p>本月已收取（元）</p>
        </div>
        <div class="header-item">
          <h1>0.00</h1>
          <p>本月待收取（元）</p>
        </div>
      </div>
    </div>
    <div class="dateTable">
      <van-calendar
        class="dateTable-content"
        :show-title="false"
        :poppable="false"
        :show-confirm="false"
        color="#fe6018"
        :min-date="new Date(2010,1,1)"
      />
    </div>
  </div>
</template>

<script>
import { getDateTable, getDateSign } from "@/api/me";
export default {};
</script>

<style lang='scss' scoped>
.income-wrap {
  .header {
    color: #fff;
    background: #fe6018;
    padding: 30px 60px;
    .header-title {
      font-size: 34px;
      font-weight: 600;
      margin-bottom: 30px;
    }
    .header-content {
      display: flex;
      justify-content: space-between;
      .header-item {
        h1 {
          margin-bottom: 10px;
        }
        p {
          font-weight: 200;
        }
      }
    }
  }
  .dateTable {
    background: #fe6018;
    .dateTable-content {
      height: 850px;
      border-radius: 20px 20px 0 0;
    }
  }
}
</style>